<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.15rem;
      }

      .fontw {
        font-weight: 700;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <h3 style="font-size: 0.25rem; text-align: center; margin-bottom: 50px">作业人员岗前安全教育培训试卷</h3>
      <div class="test-top" style="display: flex; justify-content: space-between">
        <div class="test-top-item">
          <span>姓名：</span>
          <el-input v-model="testForm.name" class="promise-input"></el-input>
        </div>
        <div class="test-top-item">
          <span>得分：</span>
          <el-input class="promise-input"></el-input>
        </div>
      </div>
      <div class="test-one">
        <h4>一、判断题（每题5分，共50分）</h4>
        <div class="question" v-for="(item,index) in panduanList">
          <div class="question-title1">
            (
            <el-radio-group v-model="panduanList[index].answer">
              <el-radio :value="1">√</el-radio>
              <el-radio :value="2">×</el-radio>
            </el-radio-group>
            ){{index+1}}.{{item.title}}
          </div>
        </div>
        <h4 style="margin-bottom: 20px">二、选择题（每题5分，共50分）</h4>
        <div class="question" v-for="(item,index) in radioList" :key="index">
          <div class="question-title">{{index+1}}、{{item.title}}( <el-input v-model="radioList[index].answer" class="people-input" style="width: 0.5rem"></el-input> )</div>
          <div class="question-item1">
            <el-radio-group v-model="radioList[index].answer">
              <el-radio :value="item1.value" v-for="(item1,index1) in item.answerOptions">{{item1.label}}</el-radio>
            </el-radio-group>
          </div>
        </div>
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const radioList = ref([
            {
              title: "遇有（     ）以上强风时、暴雨、浓雾等恶劣天气时，严禁进行室外攀登和悬空作业。",
              answerOptions: [
                { label: "A、三级", value: "A" },
                { label: "B、四级", value: "B" },
                { label: "C、五级", value: "C" },
                { label: "D、六级", value: "D" },
              ],
              answer: "",
            },
            {
              title: "发现人员触电，应（     ），使之脱离电源。",
              answerOptions: [
                { label: "A、立即用手拉开触电人员", value: "A" },
                { label: "B、大声呼叫后，等待救援", value: "B" },
                { label: "C、去找专业电工进行处理", value: "C" },
                { label: "D、用绝缘物体拉开电源或触电者", value: "D" },
              ],
              answer: "",
            },
            {
              title: "高处作业安全带正确佩戴方法为（    ）",
              answerOptions: [
                { label: "A、高挂低用", value: "A" },
                { label: "B、低挂高用", value: "B" },
                { label: "C、高挂高用", value: "C" },
                { label: "D、低挂低用", value: "D" },
              ],
              answer: "",
            },
            {
              title: "挖掘机作业时(     )不得在铲斗回转半径范围内停留。",
              answerOptions: [
                { label: "A.任何人", value: "A" },
                { label: "B.非工作人员", value: "B" },
                { label: "C.工程技术人员", value: "C" },
                { label: "D.围观群众", value: "D" },
              ],
              answer: "",
            },
            {
              title: "安全色是表示(     )指令，必须遵守的规定。",
              answerOptions: [
                { label: "A、红色", value: "A" },
                { label: "B、蓝色", value: "B" },
                { label: "C、黄色", value: "C" },
                { label: "D、绿色", value: "D" },
              ],
              answer: "",
            },
            {
              title: "安全生产中的“三宝”是指(     )。",
              answerOptions: [
                { label: "A、安全教育、管理、检查", value: "A" },
                { label: "B、机具的防漏、防尘、防事故", value: "B" },
                { label: "C、安全帽、安全带、安全网", value: "C" },
                { label: "D、安全的布置、检查、总结", value: "D" },
              ],
              answer: "",
            },
            {
              title: "高空作业是指离地面(     )以上的操作。",
              answerOptions: [
                { label: "A、0.5m", value: "A" },
                { label: "B、1m", value: "B" },
                { label: "C、1.5m", value: "C" },
                { label: "D、2m", value: "D" },
              ],
              answer: "",
            },
            {
              title: "建筑施工企业五大伤害：高处作业、物体打击、机械伤害、（    ）、坍塌。",
              answerOptions: [
                { label: "A、触电", value: "A" },
                { label: "B、爆炸", value: "B" },
                { label: "C、火灾", value: "C" },
              ],
              answer: "",
            },
            {
              title: "明火与氧气乙炔瓶之间的距离不得小于（    ）米。",
              answerOptions: [
                { label: "A、10", value: "A" },
                { label: "B、5", value: "B" },
                { label: "C、15", value: "C" },
              ],
              answer: "",
            },
            {
              title: "从业人员在作业过程中，应该遵守本单位的安全生产规章制度和操作规程，服从管理，正确佩戴和使用（    ）。",
              answerOptions: [
                { label: "A、劳动保护用品", value: "A" },
                { label: "B、安全卫生设施", value: "B" },
                { label: "C、劳动作业工具", value: "C" },
              ],
              answer: "",
            },
          ]);

          const panduanList = ref([
            {
              title: "施工现场的各种安全设施、设备和警告、安全标志等可以随意拆除和随意挪动。",
              answer: "",
            },
            {
              title: "宿舍内可以自己随便接电线和使用电器。",
              answer: "",
            },
            {
              title: "施工现场发生火情，要先切断电源，再使用二氧化碳灭火器灭火，不能用水及泡沫灭火器进行灭火。",
              answer: "",
            },
            {
              title: "施工现场、库房范围内可以随便吸烟。",
              answer: "",
            },
            {
              title: "施工现场每日施工作业应做到工完料进场地清，施工垃圾集中存放并及时运走。",
              answer: "",
            },
            {
              title: "吊装区域非操作人员严禁停留在内,吊装机械必须完好,起重臂、龙门吊下方不准站人和行走。",
              answer: "",
            },
            {
              title: "建筑施工现场不同层次高度同时进行交叉作业时，上下层不得在同一垂直作业面上，或不能在上层物体可能坠落范围以内作业，当不能满足时，应设隔离防护层。",
              answer: "",
            },
            {
              title: "在高处作业时，严禁往上、下抛掷任何物品，拆下的材料，应及时清理运送到指定的地点。",
              answer: "",
            },
            {
              title: "进入施工场地没有到达作业区时，可以不戴安全帽。",
              answer: "",
            },
            {
              title: "特种设备操作没有证件要求，只要懂得操作规程就可以操作。",
              answer: "",
            },
          ]);

          const testForm = ref({ name: "张三" });

          return {
            radioList,
            panduanList,
            testForm,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
